<!DOCTYPE html>
<html>
<head>
    <title>AI研究功能 - 波谱交叉学科平台</title>
    <link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
    <div class="container">
        <h1>{{ config.AI_INTRO.title }}</h1>
        <p class="intro">{{ config.AI_INTRO.description }}</p>

        <!-- 多AI平台更新 -->
<div class="service-updates">
    <h2>主流AI服务平台更新</h2>
    
    {% if not updates %}
        <p>暂无AI平台更新信息，请稍后再试。</p>
    {% else %}
        {% for service, update in updates.items() %}
        <div class="service-block">
            <h3>{{ service | title }}</h3>
            
            {% if update.updates and update.updates|length > 0 %}
                <ul>
                    {% for item in update.updates %}
                    <li>{{ item }}</li>
                    {% endfor %}
                </ul>
            {% else %}
                <p>暂无更新内容。</p>
            {% endif %}
            
            <a href="{{ update.url }}" target="_blank">查看详情</a>
        </div>
        {% endfor %}
    {% endif %}
</div>

    <!-- 最新AI新闻 -->
<div class="ai-news">
    <h2>最新AI研究动态</h2>
    <div id="news-container" class="news-list"></div>
</div>

    <script src="/static/js/aiNewsLoader.js"></script>
</body>
</html>